<%-- 
    Document   : admintemplate
    Created on : Sep 26, 2012, 10:16:37 PM
    Author     : MinhThang
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Admin Light</title>
<!-- CSS -->
<link href="style/css/transdmin.css" rel="stylesheet" type="text/css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" type="text/css" media="screen" href="style/css/ie6.css" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" type="text/css" media="screen" href="style/css/ie7.css" /><![endif]-->

<!-- JavaScripts-->
<script type="text/javascript" src="style/js/jquery.js"></script>
<script type="text/javascript" src="style/js/jNice.js"></script>
</head>

<body>
	<div id="wrapper">
    	<!-- h1 tag stays for the logo, you can use the a tag for linking the index page -->
    	<h1><a href="#"><span>Admin Paper Presentation</span></a></h1>

        <!-- You can name the links with lowercase, they will be transformed to uppercase by CSS, we prefered to name them with uppercase to have the same effect with disabled stylesheet -->
        <ul id="mainNav">
        	<li><a href="#" class="active">Group 1</a></li> <!-- Use the "active" class for the active menu item  -->
        	<li><a href="#">Group 2</a></li>
        	<li><a href="#">Group 3</a></li>
        	<li><a href="#">Group 4</a></li>
        	<li class="logout"><a href="#">LOGOUT</a></li>
        </ul>
        <!-- // #end mainNav -->
        <div id="containerHolder">
			<div id="container">
        		<div id="sidebar">
                	<ul class="sideNav">
                            <li><a href="#"  class="active">Menu 1</a></li>
                            <li><a href="#">Menu 2</a></li>
                            <li><a href="#">Menu 3</a></li>
                            <li><a href="#">Menu 4</a></li>
                            <li><a href="#">Menu 5</a></li>
                            <li><a href="#">Menu 6</a></li>
                        </ul>
                    <!-- // .sideNav -->
                        </div>
                <!-- // #sidebar -->
                <!-- h2 stays for breadcrumbs -->
                <h2><a href="#">Group 1 >></a> <a href="#" class="active">Menu 1</a></h2>
                <div id="main">
                    <form action="" class="jNice">
			<h3>Content</h3>
                    </form>
                </div>
                <!-- // #main -->
                <div class="clear"></div>
            </div>
            <!-- // #container -->
        </div>
        <!-- // #containerHolder -->

        <p id="footer">Group 183 - Ha Noi Aptech - National Level Paper Presentation. <a href="http://www.perspectived.com">Contact us.</a></p>
    </div>
    <!-- // #wrapper -->
</body>
</html>

